/*
    created : Lotfy Khattab
    Company : Xenyo Limited
*/
/*/////////////////// Xmas Category /////////////////////////*/
@darkred : #b42330;
@imgfolder : "../../images/lotfy";
@fontfolder : "../../fonts";
body.desktop.page-category-christmas-2015{
    #page{
        #main{
            #content{
                .wrapper{
                    .view-header{
                        .block-title::before{
                            border: 0 none;
                            background: rgba(0, 0, 0, 0) url("@{imgfolder}/title_line.png") no-repeat scroll center center;
                        }
                        .block-title{
                            font-family: "Myriad pro";
                            color: @darkred;
                        }
                    }
                    .jessica_xmas_main_article{
                        overflow: hidden;
                    }
                    .jessica_xmas_ads {
                        float: left;
                        margin: 0;
                        overflow: hidden;
                    }
                    .jessica_xmas_ads img {
                        margin: 0 12px 10px 0;
                    }
                    .jessica_xmas_ads.jessica_xmas_ads_last {
                        margin-right: 0px;
                    }
                    .jessica_xmas_large_ad {
                        clear: both;
                        margin: 0;
                        text-align: center;
                        overflow: hidden;
                    }
                    .jessica_xmas_ads p,
                    .jessica_xmas_large_ad p {
                        margin: 0;
                        font-size: 0;
                    }

                    .jessica-xmas-view-articles{
                        overflow: hidden;
                        .category-wrapper{
                            text-align: center;
                            border-top: 1px double #cbcbcb;
                            .block-title{
                                background: rgba(255, 255, 255, 1) url("@{imgfolder}/icon_1.png") no-repeat scroll 10px center;
                                line-height: 60px;
                                margin: 0 auto;
                                overflow: hidden;
                                color: @darkred;
                                display: inline-block;
                                padding-left: 50px;
                                font-family: "Myriad pro";
                                font-weight: 600;
                                font-size: 38px;
                                margin-top: -29px;
                                span{
                                    background: rgba(255, 255, 255, 1) url("@{imgfolder}/icon_1.png") no-repeat scroll right 30px;
                                    background-size: 25px auto;
                                    padding: 0 30px 0 2px;
                                }
                                &:before{
                                    border: medium none;
                                    margin: 0;
                                }
                            }
                            .see-more-button.jessica-btn{
                                background: @darkred none no-repeat scroll right 30px;
                                font-family: "Myriad pro";
                                font-size: 17px;
                                font-weight: normal;
                                letter-spacing: 1px;
                                padding: 11px;
                                &:hover{
                                    background: #32b38d none no-repeat scroll right 30px;
                                    color: #FFFFFF;
                                }
                            }
                        }
                        .views-row-2{
                            .category-wrapper{
                                .block-title{
                                    background: rgba(255, 255, 255, 1) url("@{imgfolder}/icon_2.png") no-repeat scroll 0 center;
                                    padding-left: 52px;
                                    span{
                                        background: rgba(0, 0, 0, 0) none no-repeat scroll right 30px;
                                        background-size: 0;
                                    }
                                }
                            }
                        }
                        .views-row-3{
                            .category-wrapper{
                                .block-title{
                                    background: rgba(255, 255, 255, 1) none no-repeat scroll 0 0;
                                    padding-left: 10px;
                                    span{
                                        background: rgba(0, 0, 0, 0) url("@{imgfolder}/icon_3.png") no-repeat scroll right center;
                                        background-size: auto auto;
                                        padding: 0 45px 0 2px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
body.desktop.section-christmas-2015{
    #page{
        #main{
            #content{
                .wrapper{
                    .jessica_xmas_subcat_main_ad{
                        display: none;
                    }
                    .jessica_xmas_subcat_main_ad img {
                        margin: 15px 0;
                    }
                    .jessica_xmas_subcat_views{
                        .wrapper{
                            .view-content{
                                .jessica_xmas_subcat_main_ad{
                                    display: block;
                                }
                            }
                            p {
                                margin: 0;
                            }
                        }
                    }
                }
            }
            .sidebar{
                .wrapper{
                    .block, 
                    .jessica_xmas_ads p {
                        margin: 0;
                    }
                    .jessica_xmas_ads p {
                        font-size: 0;
                    }
                    .jessica_xmas_ads img {
                        margin: 0 0 15px 0;
                    }
                }
            }
        }
    }
}